<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>资讯中心</title>
    <link rel="shortcut icon" href="img/logo1.png">
    <!-- 引入css -->
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/information.css">
    <!-- 引入Vue -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <!-- 引入js文件 -->
    <script src="js/information.js"></script>
</head>

<body>
    <div id="app" v-cloak>
        <!-- 头部区域 -->
        <header class="w">
            <div class="logo">
                <a href="./玄机科技.html"> <img :src="logoImg"></a>
            </div>
            <!-- 导航栏 start -->
            <div class="nav">
                <ul>
                    <li><a :href="about.name" target="_self">{{about.value}}</a></li>
                    <li>{{brand}}
                        <ul>
                            <li class="xl" v-for="imgSrc in imgSrc"><img :src="imgSrc"></li>
                        </ul>
                    </li>
                    <li v-for="navList in navList"><a :href="navList.name" target="_self">{{navList.value}}</a></li>
                </ul>
            </div>
            <!-- 导航栏 end-->
        </header>

        <!-- 主体区域 -->
        <main class="w clearfix">
            <!-- 滚轮 -->
            <div class="sr">
                <div class="li1">
                    <img :src="wxImg">
                    <div class="li2">
                        <img :src="QRCode">
                    </div>
                    <div class="li3">
                        <p></p>
                    </div>
                </div>
                <div class="li1" v-for="rollerBarImgList in rollerBarImgList">
                    <img :src="rollerBarImgList.img">
                    <div :class="rollerBarImgList.className"><a href="#">{{rollerBarImgList.value}}</a></div>
                </div>
            </div>

            <div class="pic">
                <img :src="pic" alt="">
            </div>
            <div class="left">
                <div class="lp"><img :src="lpImg"></div>
                <div class="ll">
                    <li v-for="liList in liList">{{liList}}</li>
                </div>
            </div>
            <div class="zy mb" v-for="zyList in zyList">
                <div class="pl"><img :src="zyList.imgSrc"></div>
                <div class="list_right">
                    <a class="art_title">{{zyList.title}}</a>
                    <p class="art_con">{{zyList.con}}</p>
                    <a class="art_more" href="/100037/23">{{zyList.more}}</a>
                    <p class="art_date">{{zyList.date}}</p>
                </div>
            </div>
            <div class="sl">
                <ul>
                    <li v-for="slList in slList">{{slList}}</li>
                </ul>
            </div>
        </main>

        <!-- 底部区域 -->
        <div class="footer w">
            <!-- 左侧 -->
            <div class="bottomLeft">
                <a></a>
            </div>
            <!-- 右侧 -->
            <div class="bottomRight">
                <ul>
                    <li>
                        <a href="#" v-for="bottomList in bottomList"> {{bottomList}} <span>|</span></a>

                    </li>
                    <li v-for="textList in textList">
                        <a href="#">{{textList}}</a>
                    </li>
                    <li>
                        <a href="#">
                            <img :src="bottomLogo" alt="">{{tel}}
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>